<script setup lang='ts'>
import { h, onMounted, render } from 'vue';

import XtxMessage from '@/components/message/index.vue'
// h函数的第一个参数可以是组件
const vNode = h(XtxMessage,{},'登录成功')
onMounted(()=>{
    render(vNode,document.querySelector('.container')!)
})


// 目标点击弹出:封装函数
// Message({type:'success',text:'登录成功'})
// Message.success('登录成功')      //this.$message.success('成功')
// Message.error('登录失败') 

</script>

<template>
    <div class="container">
       <!-- <XtxMessage>登录成功</XtxMessage> -->
    </div>
</template>

<style scoped>

</style>
